<template lang="html">
  <div class="lineNew2"  >
    <p v-if="obj.attractions != ''"><img src="../../static/imgs/view2.png" alt="">旅游景点</p>
    <p class="linenew2" v-for="item of obj.attractions"><a style="color:#006eb9" href="###">{{item.cnName}}</a></p>
    <p v-if="obj.breakfastValue != ''"><img src="../../static/imgs/can2.png" alt="">餐食</p>
    <p class="linenew2" v-if="obj.breakfastValue != ''">早餐：{{obj.breakfastValue}}</p>
    <p class="linenew2" v-if="obj.lunchValue != ''">午餐：{{obj.lunchValue}}</p>
    <p class="linenew2" v-if="obj.dinnerValue != ''">晚餐：{{obj.dinnerValue}}</p>
    <p v-if="obj.hotelCode != ''"><img src="../../static/imgs/air2.png" alt="">住宿</p>
    <p class="linenew2">{{obj.hotelCode}}</p>
  </div>
</template>

<script>
export default {
  props:['obj']
}
</script>

<style lang="css">
  .lineNew2>p>img{
    margin-right: 0.6rem;
    vertical-align: bottom;
  }
  .linenew2{
    margin-left: 7%;
  }
</style>
